<template>
  <div style="display: flex">
    <xj-color-picker v-model="color"></xj-color-picker>
    <xj-color-picker v-model="color" size="medium"></xj-color-picker>
    <xj-color-picker v-model="color" size="small"></xj-color-picker>
    <xj-color-picker v-model="color" size="mini"></xj-color-picker>
  </div>
</template>
<script>
export default {
  code: `123`,
};
</script>
<script setup>
import { ref } from "vue";
let color = ref("#1C5E30");
</script>
<style lang="scss" scoped></style>
